<div class="right-content fl" style="width:1000px">
  <div class="common-tip">
    <a href="javascript:void(0)" class="home">Home </a>/
    <a href="javascript:void(0)" class="tip"> 我的轨迹 </a>
  </div>
  <div class="history-content bgff mt10">
    <div class="model-pic bgff">
      <div class="model-name" id="tabBox">
        <span class="mr10">|</span>
        <span>分析结果</span>
        <div class="fr clear">
          <a href="javascript:void(0)" class="fl" v-bind:class="{ 'active': isTab1}" @click="chooseTab1">模型模式</a>
          <a href="javascript:void(0)" class="fr" v-bind:class="{ 'active': isTab2}" @click="chooseTab2">数据模式</a>
        </div>
      </div>
      <div class="madel-tab" id="tab1" v-show="isTab1">
        <div class="input-block">
          <label class="input-tag">报告生成日期</label>
          <div class="date-input pr">
            <input type="text" class="test-datepicker" placeholder="请选择日期">
            <!--<img class="date-btn-icon pa" src="../../images/date-btn-icon.png" alt="">-->
          </div>
          <label class="input-tag">至</label>
          <div class="date-input pr">
           <!-- <date-picker :date="startDate" :option="option" class="test-datepicker" :limit="limit"></date-picker>-->
            <input type="text" class="test-datepicker" placeholder="请选择日期">
            <i class="date-btn-icon pa"></i>
          </div>
          <button class="query-btn ml30" @click="searchModel()">查询</button>
        </div>
        <table class="history-table mt30" cellspacing="0">
          <tr>
            <th width="10%">序号</th>
            <th width="30%">使用模型</th>
            <th width="25%">报告生成日期</th>
            <th width="25%">操作</th>
          </tr>
          <tr v-if="ModelTrailList.length==0">
            <td colspan="4">暂无记录</td>
          </tr>
          <tr v-for="(item , index) in ModelTrailList" v-else>
            <td>{{index+1}}</td>
            <td>{{item.model_name}}</td>
            <td>
              <span>{{item.create_time | time}}</span>
            </td>
            <td>
              <a @click="queryDetail(item.e_res_table_name,item.e_model_id)">查看</a>
            </td>
          </tr>
        </table>
        <div id="modelPage" class="text-center model-page mt20"></div>
      </div>
      <div class="madel-tab" id="tab2" v-show="isTab2">
        <div class="input-block">
          <label class="input-tag">报告生成日期</label>
          <div class="date-input pr">
            <!--<date-picker field="myDate"
                         placeholder="选择日期"
                         v-model="date"
                         format="yyyy/mm/dd"
                         :forward="true"></date-picker>-->
            <input type="text"  class="test-datepicker" placeholder="请选择日期">
            <!--<img class="date-btn-icon pa" src="../../images/date-btn-icon.png" alt="">-->
          </div>
          <label class="input-tag">至</label>
          <div class="date-input pr">
            <input type="text"  class="test-datepicker" placeholder="请选择日期">
            <i class="date-btn-icon pa"></i>
          </div>
          <button class="query-btn ml30" @click="searchData()">查询</button>
        </div>
        <table class="mt30 history-table" cellspacing="0">
            <tr>
              <th width="10%">序号</th>
              <th width="30%">使用模型</th>
              <th width="25%">报告生成日期</th>
              <th width="25%">操作</th>
            </tr>
          <tr  v-if="DataTrailList.length==0">
            <td colspan="4">暂无记录</td>

          </tr>
          <tr v-for="(item , index) in DataTrailList" v-else>
            <td>{{index+1}}</td>
            <td>{{item.model_name}}</td>
            <td>
              <span>{{item.create_time | time}}</span>
            </td>
            <td>
              <a @click="queryDetail(item.e_res_table_name,item.e_model_id)">查看</a>
            </td>
          </tr>
        </table>
        <div id="modelPage2" class="text-center model-page mt20"></div>
      </div>
    </div>
  </div>
</div>
